<template>
  <div>
    <x-header :left-options="{ backText: '', preventGoBack: true }" title="申请续贷"
      @on-click-back="headerBackFun"></x-header>
    <div class="content">
      <div class="img-box">
        <x-icon style="fill: #09BB07" type="ios-checkmark-outline" size="70"></x-icon>
      </div>
      <div class="title">
        续贷申请提交成功
      </div>
      <div class="footer">
        <span class="desc">
          请通过
        </span>
        <span @click="search">
          转续贷-续贷进度查询
        </span>
        <span class="desc">
          查看进度
        </span>
      </div>
    </div>
    <div style="padding: 10px;margin: 2rem 0;">
      <x-button type="warn" action-type="button" @click.native="search">续贷进度查询</x-button>
    </div>
  </div>
</template>

<script>
  import Vue from "vue";
  import {
    Icon,
    Dialog
  } from "vant";
  export default {
    name: "submit",
    components: {},
    data() {
      return {

      };
    },
    mounted() {},
    methods: {
      search () {
      this.$router.push("/refinance/search")
      },
      headerBackFun() {
       history.back()
      },
    },
  };
</script>

<style scoped lang="less">
  .vux-header {
    background-color: #f4f4f4;

    /deep/.vux-header-left .left-arrow::before {
      border: 2px solid #1d2129 !important;
      border-width: 2px 0 0 2px !important;
    }

    /deep/.vux-header-title {
      color: #1d2129 !important;
    }

    .vux-header-right a {
      color: #1d2129;
    }
  }

  .content {
   text-align: center;
   padding-top: 4rem;
   .title{
     font-size: 1.5rem;
   }
  .footer{
    font-size: 1.2rem;
  }
  }

  .desc {
    color: #A3A2AA;
  }
</style>
